/**
 切换整体样式的时候,修改此文件
 */
.commonButton {
  background-color: #9D2933 !important;
  color: #FFFFFF;
  box-shadow: 0px 3px 5px 0px rgba(175,238,238, 1);
  box-shadow: 0px 3px 5px 0px #F7E7DC;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.commonButton:hover {
  background-color: #A7493C !important;
  color: #FFFFFF;
  box-shadow: 0px 3px 5px 0px rgba(175,238,238, 1);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.commonButton:focus {
  background-color: #A7493C !important;
  color: #FFFFFF;
  box-shadow: 0px 3px 5px 0px rgba(175,238,238, 1);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.commonButton:active {
  background-color: #A7493C !important;
  color: #FFFFFF;
  box-shadow: 0px 3px 5px 0px rgba(175,238,238, 1);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.warningButton {
  background-color: #E6A23C;
  color: #FFFFFF;
  border: 1px solid #E6A23C;
  //box-shadow: 1px 2px 8px #E6A23C;
}

.warningButton:hover {
  background-color: #E6A23C;
  color: #FFFFFF;
  border: 1px solid #E6A23C;
  box-shadow: 1px 2px 3px #E6A23C;
}

.deleteButton {
  background-color: #FEFEFE !important;
  color: #C20000;
  border: 1px solid rgba(194, 0, 0, 0.7);
  box-shadow: 0px 3px 5px 0px rgba(253, 168, 168, 0.7);
}

.deleteButton:hover {
  background-color: #FFF5F5 !important;
  color: #C20000;
  //box-shadow: 1px 2px 8px #E6A23C;
}

.deleteButton:active {
  background-color: #FFF5F5 !important;
  color: #C20000;
  border: 1px solid rgba(194, 0, 0, 0.7);
  //box-shadow: 1px 2px 8px #E6A23C;
}

.importButton {
  background-color: #FEFEFE !important;
  color: #9D2933;
  border: 1px solid rgba(58, 117, 195, 1);
  box-shadow: 0px 3px 5px 0px rgba(58, 117, 195, 0.5);
}

.importButton:hover {
  background-color: #ECF4FF !important;
  color: #9D2933;
  //box-shadow: 1px 2px 8px #E6A23C;
}

.importButton:active {
  background-color: #ECF4FF !important;
  color: #9D2933;
  border: 1px solid rgba(58, 117, 195, 1);
  //box-shadow: 1px 2px 8px #E6A23C;
}

.innerButton {
  background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(226, 226, 226, 1) 100%) !important;
  color: #111111 !important;
  // border: 1px solid rgba(153, 153, 153, 1) !important;
  // box-shadow: 0px 3px 5px 0px rgba(198, 198, 198, 0.85);
  border-radius: 30px;
}

.innerButton:hover {
  background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 100%) !important;
  color: #111111;
  border: 1px solid rgba(153, 153, 153, 1);
  box-shadow: 0px 3px 5px 0px rgba(198, 198, 198, 0.85);
}

.innerButton:active {
  background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 100%) !important;
  color: #111111;
  border: 1px solid rgba(153, 153, 153, 1);
  box-shadow: 0px 3px 5px 0px rgba(198, 198, 198, 0.85);
}

.common-disabled {
  color: rgba(17, 17, 17, 0.3) !important;
  background-color: #FEFEFE !important;
  border-color: rgba(204, 204, 204, 1) !important;
  box-shadow: 0px 3px 5px 0px rgba(58, 117, 195, 0.5);
}

.common-disabled:hover {
  color: rgba(17, 17, 17, 0.3) !important;
  background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(226, 226, 226, 1) 100%) !important;
  border-color: rgba(204, 204, 204, 1) !important;
  box-shadow: 0px 3px 5px 0px rgba(58, 117, 195, 0.5);
}

.inner-disabled {
  color: rgba(17, 17, 17, 0.3) !important;
  background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(226, 226, 226, 1) 100%) !important;
  border-color: rgba(153, 153, 153, 1) !important;
  box-shadow: 0px 3px 5px 0px rgba(198, 198, 198, 0.85);
}

.inner-disabled:hover {
  color: rgba(17, 17, 17, 0.3) !important;
  background-color: #FEFEFE !important;
  border-color: rgba(153, 153, 153, 1) !important;
  box-shadow: 0px 3px 5px 0px rgba(198, 198, 198, 0.85);
}

.el-table td, .el-table th.is-leaf {
  //border-top: 1px solid #ebeef5;
  //border-bottom: 1px solid #ebeef5;
  // border: 1px solid #ebeef5;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row > td {
  color: #000000;
  background-color: #F7E7DC !important;
}

.defaultTable {
  td {
    color: #333;
  }
  .tableHeader th {
    background-color: #9D2933;
    color: #fff;
    border-right: 1px solid #EBEEF5 !important;
  }
}

.indexTable {
  td {
    color: #333;
  }
  .tableHeader th {
    // background-color: #205193;
    // color: #fff;
    // border-right: 1px solid #EBEEF5 !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
  }
}

.commonTable {
  td {
    color: #333;
  }
  .tableHeader th {
    background-color: #9D2933;
    color: #fff;
    border-right: 1px solid #EBEEF5 !important;
  }
  .el-table__body-wrapper > table > tbody > tr.row-expand-cover-arrow {
    background: #d0e3f0 !important;
    > td {
      background: #d0e3f0 !important;
    }
  }
  .el-table__fixed-right-patch {
    background-color: #9D2933;
    border-top: 1px solid #fff;
  }
}

.common-fileUpload {
  .el-upload-list {
    border: 1px solid #e0e0e0;
  }
}

.commonTab {
  .el-tabs--card {
    > .el-tabs__header {
      border-bottom: 2px solid #9D2933;
      .el-tabs__item {
        //padding:0 30px;
        background: #FFF;
        border-right: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
      }
      .el-tabs__item:first-child {
        border-left: 1px solid #d8d8d8;
      }
      .el-tabs__item:hover, .el-tabs__item:focus, .el-tabs__item:visited, .el-tabs__item:active {
        color: #444;
      }

      .el-tabs__item.is-active {
        color: #fff;
        background: #9D2933;
        border-color:#9D2933 !important;
      }

    }
  }
  .subTab {
    .el-tabs--card {
      > .el-tabs__header {
        .el-tabs__item {
          //padding:0 30px;
          background: transparent;
        }
        .el-tabs__item.is-active {
          //color: #3A75C3;
          color: #9D2933;
          //background: #3A75C3;
          border-bottom: 2px solid #9D2933 !important;
        }

      }
    }
  }
}
.searchInput input {
  background: #fff !important;
}
.commonInput {
  .el-input__inner {
    background: #ffffff !important;
  }
}

.commonInputError {
  > input {
    border: 1px solid red !important;
  }
  .el-textarea__inner {
    border: 1px solid red !important;
  }

  .icon {
    background: red;
  }
}
.treeDropdown {
  border:1px solid #8D8D8D;
}
.dropdown-tree{
  border:1px solid #cccccc;
}
.common-drop-button {
  border-top: 1px solid #e6e6e6;
}
.closeDiv{
  background:#ffffff;
}

.commonTree {
  .el-tree-node__expand-icon {
    color: #333;
  }

  .el-tree-node__expand-icon.is-leaf {
    color: transparent;
  }
}

.commonSelect {
  .el-input {
    > input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      // color: #FFFFFF !important;
    }
    > input:-moz-placeholder, textarea:-moz-placeholder {
      color: #FFFFFF !important;
    }
    > input::-moz-placeholder, textarea::-moz-placeholder {
      color: #FFFFFF !important;
    }
    > input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      color: #FFFFFF !important;
    }
  }
}

.commonSelectList {
  // margin-top: -5px !important;
  .popper__arrow {
    border-bottom-color: #EBEEF5;
    // display: none;
  }
  .el-select-dropdown__item {
    color: #111111;
    border-bottom: 1px solid #E0E0E0;
  }
  .el-select-dropdown__item:hover {
    background: #E0F3FF !important;
    color: #000000 !important;
  }
  .selected {
    background: #E0F3FF !important;
    color: #000000 !important;
  }
}

.common-toolbar{
  color:#9D2933;
  background: orange;
  .titleLine {
    background-color: #9D2933;
  }
  .titleText{
    color: #9D2933;
    text-shadow: 0px 1px 3px #F7E7DC;
  }

  .inner-toolbar{
    background: transparent;
  }
}

.common-areatoolbar{
  color:#9D2933;
  .titleLine {
    background-color: #9D2933;
  }
  .titleText{
    color: #9D2933;
    text-shadow: 0px 1px 3px #F7E7DC;
  }

  .inner-toolbar{
    background: transparent;
  }
}

.commonVxeTable {
  td {
    color: #333;
  }
  .tableHeader th {
    background-color: #9D2933;
    color: #fff;
    border-right: 1px solid #EBEEF5 !important;
  }
  .el-table__body-wrapper > table > tbody > tr.row-expand-cover-arrow {
    background: #d0e3f0 !important;
    > td {
      background: #d0e3f0 !important;
    }
  }
  .el-table__fixed-right-patch {
    background-color: #9D2933;
    border-top: 1px solid #fff;
  }
  .vxe-cell--checkbox .vxe-checkbox--icon:before {
    border: 1px solid #dcdfe6; //#3A75C3
  }
  .is--checked.vxe-cell--checkbox .vxe-checkbox--icon:before, .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before {
    border-color: #409eff;
    background-color: #9D2933;
  }
}
// 著录项对应关系匹配页面用
.defaultRow {
  background: #fff;
  border-bottom: 1px solid #999999;
}

.evenRow{
  background:#e8eaec;
}
// 表格当前行颜色
.vxe-table .vxe-body--row.row--current {
  background-color: #F7E7DC;
}
// 表格鼠标划过颜色
.vxe-table .vxe-body--row.row--hover.row--current {
  background-color: #F7E7DC;
}
// 档案库树点击字体颜色
.el-tree .is-current > .el-tree-node__content > .custom-tree-node > span {
  color: #C49746;
}
// 全宗树点击字体颜色
.el-tree-node.is-current.is-focusable > .el-tree-node__content .el-tree-node__label{
  color: #C49746;
}
// confirm确认框中按钮的颜色
.el-message-box__wrapper .el-message-box .el-message-box__btns .el-button.el-button--default {
  background-color: #9D2933 !important;
  color: #FFFFFF;
  box-shadow: 0px 3px 5px 0px #F7E7DC;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
// checkbox的颜色
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #9D2933;
  border-color: #9D2933;
  color: #3A75C3;
}
.is--checked.vxe-custom--option .vxe-checkbox--icon:before, .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--checked.vxe-table--filter-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon:before, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon:before, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon:before, .vxe-table .is--checked.vxe-cell--checkbox .vxe-checkbox--icon:before, .vxe-table .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before {
    border-color: #9D2933;
    background-color: #9D2933;
}

// 数据导入用的标题列颜色
.normalHeaderP{
  line-height:30px;
  padding-left:5px;
  background: #F7E7DC;
  color: #000;
}

.BlockButtonMenuView{
  .el-dropdown-menu__item {
    background: #9D2933 !important;
    color: #FFFFFF;
    /*box-shadow: 0px 3px 5px 0px #a8defd;*/
    /*box-shadow: 0px 3px 5px 0px #a8defd;*/
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
  .el-dropdown-menu__item:hover {
    background: #F7E7DC !important;
    color: #000;
  }
  .popper__arrow::after {
    border-top-color: #9D2933 !important;
    border-bottom-color: #9D2933 !important;
  }
}